.message-wrapper{
  width: 100%;
  height: 60px;
  .dragbox{
    position: absolute;
    /* background: #273c6b; */
    width: 100%;
    height: 68px;
    left: 0;
    top: 0;
    -webkit-app-region: drag;
  }
  
}
.list-wraper{
  .chart-list-chat{
    padding-bottom: 0;
    /** 这是啥玩意 */
    // .ant-tabs-bar{
    //   margin-bottom: 0!important;
    // }
    .ant-tabs{
      .tab-title{
        position: relative;
      }
      .hot{
        color:red;
        position: absolute;
        width:6px;
        height:6px;
        display: inline-block;
        background-color: red;
        right: -6px;
        top: 0px;
        border-radius: 100%;
      }
    }
    .ant-tabs-bar {
      margin: 10px 16px 16px 16px !important;
    }
    
    .search-wraper{
      height: 32px;
      flex-basis: 32px;
      padding-bottom: 10px;
    }
    //overflow: hidden;
    .chat-list-group-wrapper{
      width: 100%;
      height: 100%;
      padding-left: 12px;
      flex: 1;
      overflow: scroll;
      padding-right: 8px;
      &::-webkit-scrollbar-thumb {
        background-color: #F5F8FF; /* 滚动条滑块的颜色 */
      }
      &:hover::-webkit-scrollbar-thumb {
          background-color: #E0ECFE; /* 滚动条滑块的颜色 */
      }
      // &::-webkit-scrollbar {
      //   width: 6px; /* 滚动条宽度 */
      //   height: 6px; /* 横向滚动条高度 */
      //   opacity: 0;
      //   visibility: hidden; /* 隐藏滚动条 */
      //   transition: visibility 0.3s ease; /* 添加过渡效果 */
      // }
      // &:hover::-webkit-scrollbar {
      //   opacity: 1;
      //   visibility: visible;
      // }
    }
    .ant-tabs-content{
      height: calc(100% - 48px);
    }

  }
  .cha-lis-img{
     text-align: center;
     padding-top: 100px;
     align-items: center;
     
     img{ width: 140px; display:block; margin-left: 50px;}
     span{ display: block; padding-top: 10px;}
    }

}
